<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../js/lib/theme-chalk/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/myCustomer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/my_commont.css" />
		<link rel="stylesheet" type="text/css" href="index.css" />

		<script src="../../common/utilCookie.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/author.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/axios.min.js"></script>
		<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<!-- 引入组件库 -->
		<script src="../../js/lib/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../common/judegetEmpty.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/aixos-init.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/config.js" type="text/javascript" charset="utf-8"></script>
		<script src="index.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			[v-cloak] {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id="plartShopListApp" v-cloak>
			<div class="contaner" v-loading.fullscreen.lock="fullscreenLoading">
				<div class="section-header">
					店铺 - -店铺列表
				</div>
				<hr class="hr-style" />
				<div class="my_height_20">
					<el-button type="primary" icon="el-icon-plus" @click="addShopClick">添加新的自营店铺</el-button>
				</div>
				<div class="my_height_20">
					<el-table :data="tableData" border style="width: 100%">
						<el-table-column prop="openDate" label="开店时间" width="180">
						</el-table-column>
						<el-table-column prop="name" label="店铺名称" width="180">
						</el-table-column>
						<el-table-column prop="phoneNum" label="联系电话">
						</el-table-column>
						<el-table-column prop="userPhone" label="注册手机号">
						</el-table-column>
						<el-table-column label="店铺log">
							<template slot-scope="scope">
								<div class="good-table-info">
									<el-image style="width: 60px; height: 60px" :src="scope.row.logoImg" fit="fill"></el-image>
								</div>
							</template>
						</el-table-column>
						<el-table-column label="用户账号"  width="150px">
							<template slot-scope="scope">
								 <p>用户名:{{scope.row.user.phone}}</p>
								  <p>密码:{{scope.row.user.password}}</p>
							</template>
						</el-table-column>
						<el-table-column prop="address" label="店铺地址">
						</el-table-column>
						<el-table-column  label="店铺状态">
							  <template slot-scope="scope">
								  <p v-if="scope.row.state == 1"> 已封禁</p>
								  <p v-else> 正常</p>
							  </template>
						</el-table-column>
						<!-- <el-table-column  label="操作">
							<template slot-scope="scope">
								<el-button v-if="scope.row.state == 1" @click="resumeShop(scope.row)">解封店铺</el-button>
								<el-button  v-else @click="deletShop(scope.row)">封禁店铺</el-button>
								
						    </template>
						</el-table-column> -->
					</el-table>
					<div class="good-footer-style">
						<div>
							<el-pagination  @current-change="handleCurrentChange" :current-page="currentPage"
							 :page-size="10" layout="total,prev,pager,next,jumper" :total="totalSize">
							</el-pagination>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
